<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:comp="http://java.sun.com/jsf/composite/componentes"
	template="/template/template.xhtml">

	<ui:define name="contenido">

		<h:form id="form">

			<p:outputPanel id="panelContenedor">

				<comp:barra bean="#{feriadoBean}">
					<comp:buttonEliminar bean="#{feriadoBean}" />
					<p:separator />
					<comp:buttonExportaExcel bean="#{feriadoBean}"
						tabla=":form:tablaFeriado" />
				</comp:barra>

				<p:outputPanel id="panelNuevo" rendered="#{feriadoBean.editado}">

					<p:panel header="Crear/Editar (Calendario Vacacional)">

						<h:panelGrid columns="4"
							columnClasses="columnaEtiqueta,columnaValor,columnaEtiqueta,columnaValor">

							<h:outputText value="Fecha:" />
							<p:calendar pattern="dd/MM/yyyy" showOn="button" navigator="true"
								value="#{feriadoBean.feriado.fecha}" id="calFecha"
								required="true">
								<p:ajax process="@this" event="dateSelect" global="false"
									partialSubmit="true" />
								<p:ajax process="@this" event="change" global="false"
									partialSubmit="true" />
								<f:validateBean />
							</p:calendar>

							<h:outputText value="Nota:" />
							<p:inputText value="#{feriadoBean.feriado.descripcion}"
								id="txtDescripcion" styleClass="input-text">
								<f:validateBean />
							</p:inputText>

						</h:panelGrid>

					</p:panel>

				</p:outputPanel>

				<p:outputPanel id="panelListado" rendered="#{!feriadoBean.editado}">

					<p:dataTable lazy="true" id="tablaFeriado" rowIndexVar="secuencial"
						emptyMessage="No exsten registros"
						value="#{feriadoBean.listaFeriado}" var="_feriado"
						binding="#{feriadoBean.dtFeriado}" paginator="true"
						paginatorPosition="bottom" style="width:100%" rows="10"
						selection="#{feriadoBean.feriado}" selectionMode="single"
						rowKey="#{_feriado.id}" sortBy="#{_feriado.fecha}">

						<f:facet name="header">
							<h:outputText value="Lista (Calendario Vacacional)" />
						</f:facet>

						<p:column headerText="No">
							<h:outputText value="#{secuencial+1}" />
						</p:column>

						<p:column sortBy="#{_feriado.fecha}">
							<f:facet name="header">
								<h:outputText value="Fecha" />
							</f:facet>
							<h:outputText value="#{_feriado.fecha}">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>

						<p:column sortBy="#{_feriado.descripcion}"
							filterBy="#{_feriado.descripcion}">
							<f:facet name="header">
								<h:outputText value="Nota" />
							</f:facet>
							<h:outputText value="#{_feriado.descripcion}" />
						</p:column>

					</p:dataTable>

				</p:outputPanel>

			</p:outputPanel>
		</h:form>

	</ui:define>

</ui:composition>